import React from "react"
import {View,Image} from "@tarojs/components";
import "./index.less"
const imgList =[
     require("@/img/demo/1.png"),
     require("@/img/demo/2.png"),
     require("@/img/demo/3.png"),
     require("@/img/demo/4.png"),
     require("@/img/demo/5.png"),
    //  require("@/img/demo/6.png"),
    //  require("@/img/demo/7.png"),
    //  require("@/img/demo/8.png"),
    //  require("@/img/demo/9.png")
]
interface props{
    num?:number
}
/**头像组件 */
function AvGroup(props:props){
    return (
        <View className={`avBox len${props.num||3}`}>
            {
                imgList.map((item=>{
                    return (
                        <View className="avList">
                            <Image className="avimg" src={item} lazy-load mode="aspectFit" />
                        </View>
                    )
                }))
            }
        </View>
    )
}


export default AvGroup